#screenMod .nav-box{overflow: hidden;}
#screenMod .nav-box a{display: block;line-height: 44px;margin:0 12px;font-size: 14px;float: left;color: #555;}
#screenMod .nav-box a.on{color: #51BBED;position: relative;}
#screenMod .nav-box a.on:before{content: '';width: 100%;height: 2px;background-color: #51BBED;position: absolute;bottom: 6px;left: 0;}

.kitchenMod{
	padding-top: 12px;
}
.kitchenMod .list{display: block;width: 47%;background-color: #f4f4f4;margin-left: 2%;margin-bottom: 12px;float: left;}

.case-box{width: 100%;}
.case-box .photo{width: 100%;overflow: hidden;background-color: #f4f4f4;}
.case-box .info{background-color: #fff;padding: 10px 12px;}
.case-box .info .name{line-height: 20px;font-size: 14px;color: #333;text-align: center;}
.case-box .info .help{padding-left: 20px;background: url(../image/icon/zan-icon.png) left center no-repeat;background-size: auto 14px;font-size: 12px;color: #888;margin-left: 10px;}
.case-box .info .name + .btn{display: block;line-height: 28px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;font-size: 12px;margin: -3px 0;}

#screenMod,#goodMod{position: absolute;top: 88px;width: 100%;z-index: 9;background-color: #fff;height: 44px;}
#screenMod dl{color: #555;width: 24%;}
#screenMod dl dt{max-width: 70%;}
#screenMod dl dd{width: 10px;height: 10px;margin-left: 2px;position: relative;}
#screenMod dl dd:after{content: '';width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #bbb;position: absolute;top: 50%;right: 0;margin-top: -3px;}
#screenMod dl.sel dd:after{content: none;}
#screenMod dl.sel dd{background: url(../image/icon/sel-icon.png) right center no-repeat;background-size: auto 10px;}
#screenMod dl.active{color: #333;}
#screenMod dl.active dd{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.screenMask{width: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 88px;bottom: 0;left: 0;z-index: 9;}
.singleScreen{position: absolute;width: 100%;max-height: 100%;line-height: 44px;top: 88px;left: 0;z-index: 10;background-color: #fff;overflow: auto;}


.singleScreen span{display: block;width: 100%;height: 44px;box-sizing: border-box;padding: 0 12px;font-size: 14px;color: #555;}
.singleScreen span.on{color: #51BBED;}

#caseAllSel .list{background-color: #fff;overflow: hidden;position: relative;}
#caseAllSel .list:after{content: '';width: 1px;height: 100%;background-color: #ddd;position: absolute;left: 33.333333%;top: 0;-webkit-transform: scaleX(-.5);transform: scaleX(-.5);}
#caseAllSel .list:before{content: '';width: 1px;height: 100%;background-color: #ddd;position: absolute;right: 33.333333%;top: 0;-webkit-transform: scaleX(-.5);transform: scaleX(-.5);}
#caseAllSel .list span{display: block;float:left;line-height: 44px;width:33.333333%;box-sizing: border-box;padding: 0 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#caseAllSel .list span.on{color: #51BBED;}

#allCaseBtn {line-height: 49px;}
#allCaseBtn .enter{background-color: #51BBED;color: #FFFFFF;}







#pushNav{position: absolute;top: 44px;width:100%;z-index: 9;}
#pushNav ~ .Main{top:88px;}
#pushNav ~ #screenMod ~ .Main,#pushNav ~ #goodMod ~ .Main{top:132px;}

#pushNav ~ #screenMask .screenMask,#pushNav ~ #screenMask .singleScreen{top: 132px;}



#bottomBtn .txt{line-height: 49px;box-sizing: border-box;color: #666;font-size: 16px;padding-left: 12px;}
#bottomBtn .txt #totalVal{color: #51BBED;font-size: 20px;padding: 0 2px;}
#bottomBtn .btn{padding: 0 30px;background-color: #51BBED;color: #fff;font-size: 16px;line-height: 49px;}


/*案例*/
.case-box .photo{position: relative;}
.case-box .photo input{position: absolute;top: 10px;left: 12px;}

#pushMask .dm-mask{height: auto;bottom: 49px;}
#pushMask .selected-mod{position: absolute;top: 0;left: 0;bottom: 49px;width: 100%;z-index: 20;justify-content: flex-end;}
#pushMask .selected-mod .sel-head{line-height: 40px;background-color: #fafafa;width: 100%;box-sizing: border-box;padding: 0 12px;overflow: hidden;}
#pushMask .selected-mod .sel-head .del-btn{padding-left: 20px;background: url(../image/icon/empty-icon.png) left center no-repeat;background-size: auto 18px;color: #666;}
#pushMask .selected-mod .sel-body{
	width: 100%;
	max-height:-webkit-calc(100% - 40px);
	max-height:calc(100% - 40px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#pushMask .selected-mod .sel-body .empty{padding: 20px 0;text-align: center;color: #888;}

/*案例*/
#pushMask .case-list{margin-left: 12px;padding: 12px 12px 12px 0;}
#pushMask .case-list .photo{width: 60px;height: 45px;background-color: #F4F4F4;margin-right: 10px;}
#pushMask .case-list .photo-2{width: 50px;height: 50px;background-color: #F4F4F4;margin-right: 10px;}
#pushMask .name{font-size: 14px;}
#pushMask .del{margin-left: 10px;color: #B4282D;padding: 10px 0; font-size: 14px;}



/*商品*/
#goodMod dl{color: #555;width: 33.3333333%;}
#goodMod dl dt{max-width: 70%;}
#goodMod dl dd{width: 10px;height: 10px;margin-left: 2px;position: relative;}
#goodMod dl dd:after{content: '';width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #bbb;position: absolute;top: 50%;right: 0;margin-top: -3px;}
#goodMod dl.on{color: #51BBED;}
#goodMod dl.on dd:after{border-top-color: #51BBED;}

#goodMod dl.active dd{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.proMod dl{width:50%;box-sizing: border-box;padding:0 6px;margin-bottom: 12px;}
.proMod dl:nth-child(odd){padding-left: 12px;}
.proMod dl:nth-child(even){padding-right: 12px;}
.proMod dl .pt{background-color: #f4f4f4;position: relative;}
.proMod dl .pt .checkBox{position: absolute;top:8px;left: 8px;}
.proMod dl .name{padding-top: 10px;color: #333;}
.proMod dl .val{color: #b1242a;font-size: 14px;}
.proMod dl .val span{font-size: 18px;}

/*活动列表*/
.active-wrap{padding: 0 12px;overflow: hidden;}
.active-wrap ul{margin: 12px 0;position: relative;width: 100%;border-radius: 4px;overflow:hidden}
.active-wrap ul .bg{position: absolute;line-height: 34px;padding: 0 12px;background-color: rgba(0,0,0,.6);width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;color: #fff;}
.active-wrap ul .bg span{margin-left: 10px;line-height: 24px;border: 1px solid;padding:  0 10px;font-size: 12px;border-radius: 2px;}
.active-wrap ul .bg span.statu-1{border-color: #5ad741;color: #5ad741;}
.active-wrap ul .bg span.statu-2{border-color: #f7606b;color: #f7606b;}
.active-wrap ul .bg span.statu-3{border-color: #adadac;color: #adadac;}
.active-wrap .cover{position: relative;}
.active-wrap .cover .checkBox{position: absolute;top:5px;left: 5px;}


/*优惠券福利*/
.weal-wrap{padding: 0 12px;overflow: hidden;}
.weal-wrap .weal-box{border: 1px solid #ddd;background-color: #f7f7f7;padding: 0 12px;border-radius: 5px;margin-bottom: 12px;}
.weal-wrap .oth-info{line-height: 40px;margin-top: -10px;color: #666;margin-bottom: 5px;}
.weal-wrap .weal-box .main-info{padding: 15px 0;}
.weal-wrap .weal-box .main-info .val{width:90px;text-align: center;color: #f70138;font-size: 36px;padding-right: 12px;border-right: 1px dashed #ccc;padding-top: 10px;padding-bottom: 10px;margin-right: 12px;}
.weal-wrap .weal-box .main-info .val .unit{font-size: 18px;}
.weal-wrap .weal-box .main-info .info dt{font-size: 15px;color: #333;margin-bottom: 8px;}
.weal-wrap .weal-box .main-info .info dd{font-size: 12px;color: #999;}
.weal-wrap .weal-box .main-info .info .btn{padding: 0 14px;line-height: 32px;border-radius: 16px;font-size: 12px;color: #fff;}
.weal-wrap .weal-box .main-info .info .pull-btn{background-color: #fe6c77;box-shadow: 0 2px 0 #fcb3b8;}
.weal-wrap .weal-box .main-info .info .skip-btn{background-color: #febe6c;box-shadow: 0 2px 0 #fcdcb3;}
.weal-wrap .weal-box .ex-info{-webkit-align-items: flex-start;align-items: flex-start;}
.weal-wrap .weal-box .ex-info .ruler{padding: 10px 0;line-height: 16px;color: #333;font-size: 14px;margin-right: 10px;}
.weal-wrap .weal-box .ex-info .btn{width: 36px;height: 36px;background:url(../image/icon/bottom-arrow-white.png) center no-repeat;background-size: 14px auto;}
.weal-wrap .weal-box .ex-info .btn.active{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

#weal .weal-wrap .weal-box[type='0']{background-color: #f18882;}
#weal .weal-wrap .weal-box .main-info .val{color: #fff;border-right: none;}
#weal .weal-wrap .weal-box .main-info .info dt{color: #fff;}
#weal .weal-wrap .weal-box .main-info .info dd{color: #fff;}
#weal .weal-wrap .weal-box .ex-info .btn{background-image: url(../image/icon/bottom-arrow-white.png);box-shadow: 0 0 0 transparent;}
#weal .weal-wrap .weal-box .ex-info .ruler{color: #fff;}
#weal .weal-wrap .weal-box .main-info .info .btn-1{background-color: rgba(255,255,255,.8);color: #f18882;}
#weal .weal-wrap .weal-box[type='0'] .ex-info{background:url(../image/icon/weal-bg.jpg) center top repeat-x #de7a76;}

#weal .weal-wrap .weal-box{border: none;background-color: #c4c4c4;overflow: hidden;position: relative;}
#weal .weal-wrap .weal-box.on:after{content: '';width: 50px;height: 50px;position: absolute;background: url(../image/icon/weal-active.png) center no-repeat;background-size: cover;top: 0;right: 0;}


#weal .weal-wrap .weal-box .ex-info{background:url(../image/icon/weal-bg2.jpg) center top repeat-x #a6a6a6;background-size: auto 3px;padding: 3px 12px 0;margin: 0 -12px;}



#wealSpec{position: absolute;top: 88px;width: 100%;height: 44px;z-index: 9;overflow: auto;}
#wealSpec ul{height: 44px;padding-right: 12px;}
#wealSpec ul li{display: block;height: 32px;box-sizing: border-box;padding: 0 16px;border: 1px solid #ddd;color: #777;line-height: 30px;margin-top: 6px;margin-left: 12px;font-size: 14px;border-radius: 16px;white-space: nowrap;overflow: hidden;}
#wealSpec ul li.on{color: #51BBED;border-color: #51BBED;}
#wealSpec ~ .Main{top:132px;}







/*软文*/
.articleMod{padding-left: 12px;}
.articleMod ul{padding: 15px 12px 15px 0;position: relative;}
.articleMod ul .bt{line-height: 1.4;color: #333;padding-right: 40px;}
.articleMod ul .time{margin-top: 8px;color: #999;}
.articleMod ul .checkBox{position: absolute;top:50%;right: 12px;margin-top: -15px;}



#bottomBtn label{-webkit-justify-content: flex-start;justify-content: flex-start;}
